@charset "UTF-8";
$r:750/16/1rem;
html, body,
div, ul, li, ol,
p, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
table, tr, th, td, caption, thead, tbody, tfoot,
form, label, input, button, select, option,
iframe, a, img, span, em, i, strong, b, u, center, big, small, sub, sup,
blockquote, pre,
abbr, acronym, address, cite, code,
del, dfn, font {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue",Helvetica,Tahoma,sans-serif;
}
.clear:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  clear: both;
  overflow: hidden; }

input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
a{
  text-decoration: none;
}
.blue_b{
  background:#0099FF;
}
.color_t{
  color:#0099FF;
}
.color_w{
  color: #ffffff;
}
.color_pri{
  color:#FF0000;
}
.text_pro{
  color: #FF6600;
}
.middle{
  display: inline-block;
  vertical-align: middle;
}
.bg{
  background-color: #efefef;
}
.bor{
  width: 100%;
  height: 1px;
  background:#e4e4e4;
}
body{
  width: 750/$r;
  margin:0 auto;
}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}

/***导航样式***/
.nav_top{
  width: 100%;
  height: 120/$r;
  border-bottom: 1px solid #eaeff3;
  background: #ffffff;
}
.nav_wrap{
  width: 90%;
  height: 120/$r;
  margin:0 auto;
}
.logio_img{
  width:200/$r;
  height:96/$r;
  margin-top:12/$r;
  float: left;
}
.logio_img img{
  width: 100%;
  display: block;
}
.nav_item{
  width:80/$r;
  height:80/$r;
  margin-top: 20/$r;
  border-radius: 50%;
  overflow: hidden;
  background-color: #CCCCCC;
  float: right;
  position: relative;
}
.head_img{
  width: 100%;
  display: block;
}
.nav_list{
  width:240/$r;
  background-color: #ffffff;
  font-size: 28/$r;
  position: absolute;
  top:118/$r;
  left:-165/$r;
  z-index:9999!important;
}
.nav_ul{
  list-style: none;
  width:240/$r;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
}
.nav_ul li{
  width: 100%;
  text-align: center;
  height:70/$r;
  border-bottom: 1px solid #e2e2e2;
}
.nav_ul li:last-child{
  border-bottom: none;
}
.nav_ul li a{
  width: 100%;
  height: 100%;
  line-height: 70/$r;
  color: #666;
  display: block;
}
/*.triangle_up {
  width: 0;
  height: 0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom: 10px solid #ffffff;
  position: absolute;
  top:-18/$r;
  right:15/$r;
  content: '';
}*/
.nav_ul:before{
  position: absolute;
  display: inline-block;
  border-bottom: 10px solid #e2e2e2;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  right: 5px;
  top: -10px;
  content: '';
}
.nav_ul:after{
  position: absolute;
  display: inline-block;
  border-bottom: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  right: 5px;
  top: -9px;
  content: '';
}

.a_t{
  margin: 0 10/$r;
  text-decoration: underline!important;
}
/*****提示信息*****/
.prompt_cont{
  width: 100%;
  padding: 20/$r 0;
  background-color: rgba(254, 252, 236, 1);
}
.prompt_text{
  width: 710/$r;
  margin: 0 auto;
  font-size: 24/$r;
}
.hint_icon{
  width:32/$r;
  margin-right: 20/$r;
}


/***按钮**/
.login_but{
  width: 710/$r;
  margin:120/$r auto 0 auto;
}
.login_but input{
  width: 100%;
  height: 88/$r;
  line-height: 88/$r;
  background:#0099FF;
  color: #fff;
  font-size: 28/$r;
  text-align: center;
  outline: none;
  border: none;
  border-radius:2px;
}
.fix_bag{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 66;
  background: #efefef;
}
.color_b{
  color: #09f;
}
.color_c{
  color: #999999;
}
/******为空时******/
.empty{
  width: 600/$r;
  margin:80/$r auto;
}
.empty p{
  font-size: 28/$r;
  color: #888;
  text-align: center;
}


/***底部导航****/
.foot_nav{
  width: 750/$r;
  height: 106/$r;
  border-top:1px solid #CCCCCC;
  box-sizing: border-box;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  display: flex;
}
.foot_nav_list{
  flex: 1;
  color: #707070;
}
.foot_nav_img{
  font-family: 'iconfont';
  font-size:46/$r;
  text-align: center;
  margin-top:9/$r;
}
.foot_nav_tit{
  text-align: center;
  font-size: 24/$r;
  margin-top:4/$r;
}
.foot_nav_list_act{
  color: #0099FF!important;
}
.hint_pos{
  position: absolute;
  top: -100/$r;
}
.many_numb{
  float: left;
  font-size: 24/$r;
  line-height: 88/$r;
  margin-left: 20/$r;
}
.pay_but{
  width:210/$r;
  height: 88/$r;
  line-height: 88/$r;
  font-size: 28/$r;
  text-align: center;
  outline: none;
  border: none;
  float: right;
}